<template >
	<view class="content">
		
		
		  <view style="text-align: center;" class="fadeleftIn">
		  	
			  <view  style="text-align: center; margin-top: 90rpx;">
				 <!-- 待处理订单 -->
				<view class="items"  @click="toappointment()" :class="{ 'clicked': isClicked1 }">
					
						<view class="logos">
							<image src="https://api.minio.billiards.xymtop.com/billiards/163e8979-91cf-40dd-97e2-6b4e7093ad84.png" style="height: 310rpx; width: 300rpx;"></image>
						</view>
					
					<view class="item_title" style="margin-top: 20rpx;">
						待处理订单
					</view>
				</view>
				<!-- 已完成订单 -->
				<view class="items"@click="tomyappointment()" :class="{ 'clicked': isClicked2 }">
					
					<view class="logos" >
							<image src="https://api.minio.billiards.xymtop.com/billiards/e378ccf6-7417-400f-853d-c14174ce026c.png" style="height: 310rpx; width: 300rpx;"></image>
					</view>
					
					<view class="item_title"  style="margin-top: 20rpx;">
						已完成订单
					</view>
				</view>
				<!-- 部门订单 -->
				<view class="items" @click="toroomquery()" :class="{ 'clicked': isClicked3 }">
					
					<view class="logos" >
							<image src="https://api.minio.billiards.xymtop.com/billiards/55163d32-cb97-491e-96b9-42df2bad2018.png" style="height: 310rpx; width: 300rpx;"></image>
						</view>
					
					<view class="item_title"  style="margin-top: 20rpx;">
						部门订单
					</view>
				</view>
				<!-- 我管理的订单 -->
				<view v-for="item in MyEmployeeInfo">
					<view class="items" @click="tomyManengeOrder()" :class="{ 'clicked': isClicked4 } " v-if="item.postCode === 'Order_manager'">
						
						<view class="logos" >
								<image src="https://api.minio.billiards.xymtop.com/billiards/a6a71452-93e0-4170-8876-12db3fd3df4b.png" style="height: 310rpx; width: 300rpx;"></image>
							</view>
						
						<view class="item_title"  style="margin-top: 20rpx;">
							我管理的订单
						</view>
					</view>
				</view>
			  </view>
		  </view>
		  
		  
		  
		  <!-- //新版本弹窗 -->
		  	<!-- 	<view v-if="this.compareVersion(this.nowversion,this.getversion.appVersion) < 0&&this.getversion.forceUpdate===true">
		  		<l-popup :radius="20" :show="showforceupdate">
		  		       <view class=""  style="width: 500rpx;text-align: center; height: 500rpx; justify-items: center;justify-content: center;margin-top: 60rpx;">
		  							<view>当前最新版本为：{{getversion.appVersion}}</view>
		  							<view>您的版本为：{{this.nowversion}}</view>
		  							<view style="font-size: 35rpx; font-weight: 600; margin-left: 20rpx; margin-top: 5rpx;">
		  								我们做出了如下更新与调整
		  							</view>
		  								<view>
		  									{{getversion.updateInfo}}
		  								</view>
		  								
		  								<view> <button class="unibutton" type="primary" style="margin: 50rpx; margin-left: 50rpx;" @click="goUpdate()">点击更新</button></view>
										<view v-if="this.downloadProgress">下载进度：{{this.downloadProgress}}</view>
		  							
		  		       </view>
		  		    </l-popup>
		  		</view>	
		  		
		  		
		  		<view v-if="this.compareVersion(this.nowversion,this.getversion.appVersion) < 0 && this.getversion.forceUpdate === false">
		  		<l-popup :radius="20" :show="showsoftupdate">
		  		       <view class=""  style="width: 500rpx;text-align: center; height: 500rpx; justify-items: center;justify-content: center;">
		  							<view >当前最新版本为：{{getversion.appVersion}}</view>
		  							<view>您的版本为：{{this.nowversion}}</view>
		  							<view style="font-size: 35rpx; font-weight: 600; margin-left: 20rpx; margin-top: 5rpx;">
		  								我们做出了如下更新与调整
		  							</view>
		  								<view>
		  									{{getversion.updateInfo}}
		  								</view>
		  								
		  								<view> <button class="unibutton" type="primary" style="margin: 50rpx; margin-left: 50rpx;" @click="goUpdate()">点击更新</button></view>
		  								<view> <button class="unibutton" type="default" style="margin: 50rpx; margin-left: 50rpx;" @click="notyetUpdate()">暂不更新</button></view>
										<view v-if="this.downloadProgress">下载进度：{{this.downloadProgress}}</view>
		  		       </view>
		  		    </l-popup>
		  		</view> -->

		
		
	</view>
</template>

<script>
	// const m = uni.requireNativePlugin("RC-KeepAlive")
export default { 
	data() { 
		return {

			isClicked1: false,
			isClicked2: false,
			isClicked3: false,
			isClicked4: false,
			 //版本获取
						  getversion:{},
						  nowversion:'1.0.5',
						  
						  showforceupdate:true,
						  showsoftupdate:true,
						
			 MyEmployeeInfo:[],
			 downloadProgress:'',
			 getuserid:{},
			 socketOpen: false,
			 socketMsgQueue: [],
			 pushdata:'',    
		}
	},
	computed: {
		avatarUrl() {
			let url = this.vuex_user.avatarUrl || '/ctxPath/static/images/user1.jpg';
			url = url.replace('/ctxPath/', this.vuex_config.baseUrl + '/');
			return url + '?t=' + new Date().getTime();
		}
	},
	
	onShow(){
	
	 this.getuser();
	//  this.keepLive();
	// this.towebsocket();
	// this.checkPushdataIsEmpty();
	},
	onReady() {
		// this.versioncheck();
		// this.checkversion();
		this.getMyEmployeeInfo();
		 
				},
	
	
	methods: {
		// keepLive() {
		//   // 优化点1：增加平台判断，仅APP端执行原生功能
		//   if (uni.getSystemInfoSync().uniPlatform !== 'app') {
		//     console.log('当前环境不支持原生功能');
		//     return;
		//   }
		
		//   try {
		//     // 优化点2：统一原生模块引用
		//     const keepAliveModule = uni.requireNativePlugin("RC-KeepAlive");
		//     const globalEvent = uni.requireNativePlugin("globalEvent");
		//     const noticeMonitor = uni.requireNativePlugin("RC-NoticeMonitoring");
		
		//     // 优化点3：封装权限检查方法
		//     const checkPermission = async (methodName, successMsg, failMsg) => {
		//       return new Promise(resolve => {
		//         keepAliveModule[methodName](res => {
		//           if (res === 1) {
		//             uni.showToast({ title: successMsg, icon: 'none' });
		//             resolve(true);
		//           } else {
		//             uni.showToast({ title: failMsg, icon: 'none' });
		//             resolve(false);
		//           }
		//         });
		//       });
		//     };
		
		//     // 优化点4：定位功能模块
		//     const initLocation = () => {
		//       // 开启定位
		//       keepAliveModule.openLocation({
		//         "LocTime": 10,
		//         "LocType": "GCJ-02"
		//       });
		
		//       // 定位监听
		//       const locationListener = res => {
		//         console.log('定位结果:', {
		//           longitude: res.Longitude,
		//           latitude: res.Latitude,
		//           address: res.Address
		//         });
		//       };
		
		//       globalEvent.addEventListener("MyLocation", locationListener);
		
		//       // 优化点5：组件销毁时移除监听
		//       this.$once('hook:beforeDestroy', () => {
		//         globalEvent.removeEventListener("MyLocation", locationListener);
		//       });
		//     };
		
		//     // 优化点6：通知权限模块
		//     const initNotification = async () => {
		//       // 检查通知权限
		//       const hasNotifyPerm = await checkPermission(
		//         'isNotification',
		//         '已开启通知权限',
		//         '未开启通知权限'
		//       );
		
		//       if (!hasNotifyPerm) {
		//         keepAliveModule.OpenNotification(res => {
		//           if (res.NotificationStatus) {
		//             console.log('通知监听已开启');
		//           }
		//         });
		//       }
		
		//       // 通知栏监听
		//       plus.globalEvent.addEventListener("monitoring_notification", e => {
		//         console.log('收到通知:', e);
		//       });
		//     };
		
		//     // 优化点7：电池优化模块
		//     const initBatteryOptimization = async () => {
		//       const hasBatteryPerm = await checkPermission(
		//         'isBatteryOptimizations',
		//         '已开启电池优化白名单',
		//         '未开启电池优化白名单'
		//       );
		
		//       if (!hasBatteryPerm) {
		//         keepAliveModule.OpenBatteryOptimizations(res => {
		//           if (res === 1) {
		//             console.log('电池优化已开启');
		//           }
		//         });
		//       }
		//     };
		
		//     // 优化点8：悬浮窗权限
		//     const initWindowPermission = async () => {
		//       const hasWindowPerm = await checkPermission(
		//         'openWindow',
		//         '已开启悬浮窗权限',
		//         '未开启悬浮窗权限'
		//       );
		
		//       if (!hasWindowPerm) {
		//         uni.showModal({
		//           title: '权限提示',
		//           content: '需要悬浮窗权限以显示重要通知',
		//           success: res => {
		//             if (res.confirm) keepAliveModule.OpenPermission();
		//           }
		//         });
		//       }
		//     };
		
		//     // 执行初始化
		//     initLocation();
		//     initNotification();
		//     initBatteryOptimization();
		//     initWindowPermission();
		
		//   } catch (e) {
		//     // 优化点9：统一错误处理
		//     console.error('原生模块初始化失败:', e);
		//     uni.showToast({
		//       title: '功能初始化失败，请重试',
		//       icon: 'none'
		//     });
		//   }
		// },
		getuser(){
			let option = uni.getStorageSync('option');
			this.getuserid = option
			// console.log(option); // {id: 123, val: reLaunch}
			// console.log(this.getuserid.userid);
		},
		
		// towebsocket(){
		// 	this.getuser();
		// 	var socketOpen = false;
		// 	var socketMsgQueue = [];
		// 	let theuserid ='';
		// 	theuserid = this.getuserid.userid;
		// 	// console.log(theuserid);
		// 	uni.connectSocket({
		// 	  url: 'ws://43.138.38.230:8980/js/erp/'+theuserid
		// 	});
			
		// 	uni.onSocketOpen(function (res) {
		// 	  socketOpen = true;
		// 	  // for (var i = 0; i < socketMsgQueue.length; i++) {
		// 	    // sendSocketMessage(socketMsgQueue[i]);
		// 	  // }
		// 	  // socketMsgQueue = [];
		// 	});
				 
		// 		  uni.onSocketMessage(function (res) {
		// 		    console.log('收到服务器内容：' + res.data);
		// 			let content = res.data
		// 			let main = plus.android.runtimeMainActivity();
		// 			let pkName = main.getPackageName();
		// 			let uid = main.getApplicationInfo().plusGetAttribute("uid");
		// 			let NotificationManagerCompat = plus.android.importClass("android.support.v4.app.NotificationManagerCompat");
		// 			//android.support.v4升级为androidx
		// 			if (NotificationManagerCompat == null) {
		// 				NotificationManagerCompat = plus.android.importClass("androidx.core.app.NotificationManagerCompat");
		// 			}
		// 			let areNotificationsEnabled = NotificationManagerCompat.from(main).areNotificationsEnabled();
		// 			// 未开通‘允许通知'权限，则弹窗提醒开通，并点击确认后，跳转到系统设置页面进行设置  
		// 			if (!areNotificationsEnabled) {
		// 				uni.showModal({
		// 					title: '通知权限开启提醒',
		// 					content: '您还没有开启通知权限，无法接受到消息通知，请前往设置！',
		// 					showCancel: false,
		// 					confirmText: '去设置',
		// 					success: function(res) {
		// 						if (res.confirm) {
		// 							let Intent = plus.android.importClass('android.content.Intent');
		// 							let Build = plus.android.importClass("android.os.Build");
		// 							//android 8.0引导  
		// 							if (Build.VERSION.SDK_INT >= 26) {
		// 								let intent = new Intent('android.settings.APP_NOTIFICATION_SETTINGS');
		// 								intent.putExtra('android.provider.extra.APP_PACKAGE', pkName);
		// 							} else if (Build.VERSION.SDK_INT >= 21) { //android 5.0-7.0  
		// 								let intent = new Intent('android.settings.APP_NOTIFICATION_SETTINGS');
		// 								intent.putExtra("app_package", pkName);
		// 								intent.putExtra("app_uid", uid);
		// 							} else { //(<21)其他--跳转到该应用管理的详情页  
		// 								intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
		// 								let uri = Uri.fromParts("package", mainActivity.getPackageName(), null);
		// 								intent.setData(uri);
		// 							}
		// 							// 跳转到该应用的系统通知设置页  
		// 							main.startActivity(intent);
		// 						}
		// 					}
		// 				});
		// 			}
		// 			// let content = "您有一条新的消息~";
		// 			let body = {
						
		// 			}
		// 			let options = {
		// 				"cover" : false,
		// 				"when" : new Date(),
		// 				'title' : "新订单通知"
		// 			};
		// 			let payload = JSON.stringify(body);
		// 			plus.push.createMessage(content, payload, options);
		// 		});
		// },
		
		
		// checkPushdataIsEmpty() {
		//   setInterval(() => {
		//     if (this.pushdata === null || this.pushdata === '') {
		//       // console.log('字符串为空');
			  
		//       // 在这里处理字符串为空的情况
		//     } else {
		//       // console.log('字符串不为空');
		// 	  let notification = {
		// 	    title: 'New WebSocket Message',
		// 	    content: this.pushdata,
		// 	    // 根据需要添加更多属性
		// 	  };
		// 	  plus.push.sendNotification(notification, function (result) {
		// 	    if (result.code === 0) {
		// 	      console.log('Local push sent successfully:', result);
		// 		  this.pushdata ='';
		// 	    } else {
		// 	      console.error('Failed to send local push:', result);
		// 	    }
		// 	  });
		//       // 在这里处理字符串不为空的情况
		//     }
		//   }, 3000); // 每隔3000毫秒（即3秒）执行一次
		// },
		
			
			//版本管理
						//获取版本
						// versioncheck(){
						
						// 	// this.$u.api.Notification.sendNotification("版本检查","检查中")
						// 	this.$u.api.order.versioncheck().then((res)=>{
						// 		console.log(res)
						// 		this.getversion = res.result.data;
						// 		console.log(this.getversion);
						// 		this.checkversion()
						// 	})
						// },
						
						// //版本号比较
						// compareVersion(v1, v2) {
						//     var v1Arr = v1.split('.');
						//     var v2Arr = v2.split('.');
						//     for (var i = 0; i < v1Arr.length || i < v2Arr.length; i++) {
						//         var n1 = parseInt(v1Arr[i] || 0, 10);
						//         var n2 = parseInt(v2Arr[i] || 0, 10);
						//         if (n1 > n2) return 1;
						//         if (n2 > n1) return -1;
						//     }
						//     return 0; // 相等
						// },
						// //版本检查
						
						// checkversion(){
						// 	console.log('成功');
							
						// 	if(this.compareVersion(this.nowversion,this.getversion.appVersion) > 0){
						// 		console.log('成功');
						// 		// uni.showToast({
						// 		//   title: '当前版本为测试版本', 
						// 		//   icon: 'none', 
						// 		//   duration: 2000, 
						// 		//   mask: false, 
						// 		//   position: 'middle', 
								 
						// 		// });
						// 	}
						// },
						
						
						
						// //去更新
						
							
						// goUpdate(){
							
						// 	 const downloadTask = uni.downloadFile({
						// 	   url: this.getversion.urls[0], // APK文件的实际URL
						// 	   success: function(res) {
						// 	     if (res.statusCode === 200) {
						// 			 uni.showToast({
						// 			 	title:"下载成功"
						// 			 });
						// 	       // 下载成功后，这里获取到的是临时文件路径
						// 		   console.log(res);
						// 	       const tempFilePath = res.tempFilePath;
						// 	        plus.runtime.install(res.tempFilePath, {
						// 	                       force: true
						// 	                   }, function () {
						// 	                       console.log('安装成功');
						// 	                   }, function (e) {
						// 	                       console.log('安装失败：' + e.message);
						// 	                   });
							      
						// 	     }
						// 	   },
						// 	   fail: function(err) {
						// 	     console.error('下载文件失败：', err);
						// 		 uni.showToast({
						// 		 	icon:'error',
						// 			text:'下载文件失败'
						// 		 })
						// 	   },
							   
						// 	 });
							 
							 
							 
							 
						// 	 downloadTask.onProgressUpdate((res) => {
						// 	 	console.log('下载进度' + res.progress);
						// 		this.downloadProgress = res.progress;
						// 	 	console.log('已经下载的数据长度' + res.totalBytesWritten);
						// 	 	console.log('预期需要下载的数据总长度' + res.totalBytesExpectedToWrite);
							 
						// 	 	// 满足测试条件，取消下载任务。
							 	
						// 	 });
							 
							 
						// 	},
							
							
							
						
						// //取消更新
						// notyetUpdate(){
						// 	this.showsoftupdate = !this.showsoftupdate;
						// },

			 
			toappointment(){
				 this.isClicked1 = !this.isClicked1;
				      setTimeout(() => {
				        this.isClicked1 = false; // 延迟一段时间后恢复原状，以达到淡入淡出的效果
				      }, 200);
					  setTimeout(() => {
					    uni.navigateTo({
					    	url:'/pages/order/myOrder/index/index',
					    	})
					    	console.log(res);
					  }, 200);
				
			},
			tomyappointment(){
				this.isClicked2 = !this.isClicked2;
				     setTimeout(() => {
				       this.isClicked2 = false; // 延迟一段时间后恢复原状，以达到淡入淡出的效果
				     }, 200);
									  setTimeout(() => {
									    uni.navigateTo({
									    	url:'/pages/order/finishorder/index/finishorder',
									    	})
									    	console.log(res);
									  }, 200);
				
			},
			toroomquery(){
				this.isClicked3 = !this.isClicked3;
				     setTimeout(() => {
				       this.isClicked3 = false; // 延迟一段时间后恢复原状，以达到淡入淡出的效果
				     }, 200);
									  setTimeout(() => {
									   uni.navigateTo({
									   	url:'/pages/order/departmentorder/index/departmentorder',
									   	})
									    	console.log(res);
									  }, 200);
								
				
			},
			tomyManengeOrder(){
				this.isClicked4 = !this.isClicked4;
				     setTimeout(() => {
				       this.isClicked4 = false; // 延迟一段时间后恢复原状，以达到淡入淡出的效果
				     }, 200);
									  setTimeout(() => {
									   uni.navigateTo({
									   	url:'/pages/order/myManengeOrder/index/myManengeOrder',
									   	})
									    	console.log(res);
									  }, 200);
								
				
			},
			//获取身份
			getMyEmployeeInfo(){
				this.$u.api.empUser.MyEmployeeInfo().then((res)=>{
					console.log(res)	
					this.MyEmployeeInfo = res.data.post;
					console.log(this.MyEmployeeInfo);
				})
			},
			
		}
	}
</script>

<style>
	.content{
		text-align: center; /*让div内部文字居中*/
			background-color: #f8f8f8;
			display: float;
			justify-content: center;
			text-align: center;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
	
	}
	.items{
		position: relative;
		width: 680rpx;
		height: 300rpx;
		margin: 30rpx;
		box-shadow: 5rpx 5rpx 5rpx rgba(0,0,0,0.5);
		border-radius: 15rpx;
		background-color: rgba(220, 232, 248, 1.0);
		overflow: hidden;
		display: flex;
		
		align-items: center;
		border-top: rgba(255,255,255,0.5) 1rpx solid;
		border-left: rgba(255,255,255,0.5) 1rpx solid;
		backdrop-filter: blur(5rpx);
		transition: background-color 0.3s ease-in-out; /* 添加过渡效果 */
		
	}
	
	.clicked {
	  background-color: #ffffff; /* 点击后的颜色 */
	}
	
	.fadeleftIn {
	    -webkit-animation: fadeleftIn .5s;
	    animation: fadeleftIn .5s;
	}
	.logo{
		margin-left: 0rpx;
	}
	@keyframes fadeleftIn {
	    0% {
	        -webkit-transform: translate3d(100%, 0, 0);
	        -webkit-transform: translate3d(100%, 0, 0);
	        transform: translate3d(100%, 0, 0);
	        transform: translate3d(100%, 0, 0);
	    }
	    100% {
	        -webkit-transform: none;
	        transform: none;
	    }
	}
	@-webkit-keyframes fadeleftIn {
	    0% {
	        -webkit-transform: translate3d(100%, 0, 0);
	    }
	    100% {
	        -webkit-transform: none;
	    }
	}

	
	.item_title{
		margin-left: 40rpx;
		font-size: 40rpx;
		font-weight: 600;
	}
	
	
	
</style>